{extend name="index/head" /}

{block name="link"}
<link rel="stylesheet" href="__STATIC__/index/css/head.css">
<link rel="stylesheet" href="__STATIC__/index/css/hucanying.css">
{/block}
{block name="main"}
<div id="contentsd" v-cloak>

    <div class="zxbanner">
        <img src="__STATIC__/index/img/xqbanner.jpg"   />
    </div>

    <!--优惠活动标题-->
    <div class="biaoti">
        <div>
            <div></div>
            <div>酒店餐饮</div>
            <div></div>
        </div>
    </div>

    <!--两个标题-->
    <div class="zxbiaoti">
        <div>
            <div :class="state==0?'active':''"  @click="qie(0)" >总统套房</div>
            <div :class="state==1?'active':''"  @click="qie(1)" >行政套房</div>
            <div :class="state==2?'active':''"  @click="qie(2)" >大堂吧</div>
        </div>
    </div>


    <!--餐饮-->
    <div class="canying">
        <div>
            <!--海景餐厅-->
          <div  v-if="state==0"  class="haijing">
             <div class="topcan">
                 <div><img src="__STATIC__/index/img/shatan1.jpg" /><img  src="__STATIC__/index/img/haijing2.jpg"  /></div>
                 <div>
                     <div>海景餐厅</div>
                     <div>位于十八楼的全日餐厅，以粤菜美食闻名，兼营中国地方特色菜肴和东南亚美食。自助早餐、海鲜自助餐、全方位满足您的就餐需求。在您品尝美食的时候整个独立海滩的美景尽收眼底。</div>
                     <div>
                         <div>营业时间</div>
                         <div>
                           <div>早餐：上午6:30 - 10:30 </div><div>午餐：上午11:30 - 下午2:30 </div><div>晚餐：下午5:30 - 晚间10:30</div>
                         </div>
                     </div>
                     <div><div>订餐电话</div><div>（855）0318199999</div></div>
                 </div>
                 <div>海景餐厅</div>
             </div>
              <div  class="middlecan">
                  <div>特色菜系</div>
                  <div>
                      <div>
                          <img  src="__STATIC__/index/img/haijing3.jpg" />
                          <div>

                              <div>油包肝</div>
                              <div>舌尖上的美食威风裸蛋糕</div>
                          </div>
                      </div>
                      <div>
                          <img  src="__STATIC__/index/img/haijing4.jpg" />
                          <div>
                              <div>戚风裸蛋糕</div>
                              <div>舌尖上的美食威风裸蛋糕</div>
                          </div>
                      </div>
                      <div>
                          <img  src="__STATIC__/index/img/haijing5.jpg" />
                          <div>
                              <div>甜饼干和红酒</div>
                              <div>舌尖上的美食威风裸蛋糕</div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>

            <!--沙滩酒吧-->
          <div  v-else-if="state==1"  class="haijing">
              <div class="topcan">
                  <div class="shatan"><img src="__STATIC__/index/img/shatan1.jpg" /></div>
                  <div>
                      <div>沙滩酒吧</div>
                      <div>在十八楼的全日餐厅，以粤菜美食闻名，兼营中国地方特色小吃和东南亚美食。自助早餐，海鲜自助餐，全方位满足您的就餐需求。在您品尝美食的时候整个独立海滩的美景尽收眼底。</div>
                      <div>
                          <div>营业时间</div>
                          <div>
                              <div>早餐：上午6:30 - 10:30 </div><div>午餐：上午11:30 - 下午2:30 </div><div>晚餐：下午5:30 - 晚间10:30</div>
                          </div>
                      </div>
                      <div><div>订餐电话</div><div>（855）0318199999</div></div>
                  </div>
                  <div>沙滩酒吧</div>
              </div>
              <div  class="middlecan">
                  <div>特色菜系</div>
                  <div>
                      <div>
                          <img  src="__STATIC__/index/img/shatan2.jpg" />
                          <div>
                              <div>红葡萄酒</div>
                              <div>舌尖上的美食威风裸蛋糕</div>
                          </div>
                      </div>
                      <div>
                          <img  src="__STATIC__/index/img/shatan3.jpg" />
                          <div>
                              <div>社交时光鸡尾酒</div>
                              <div>舌尖上的美食威风裸蛋糕</div>
                          </div>
                      </div>
                      <div>
                          <img  src="__STATIC__/index/img/shatan4.jpg" />
                          <div>
                              <div>调配鸡尾酒</div>
                              <div>舌尖上的美食威风裸蛋糕</div>
                          </div>
                      </div>
                  </div>
              </div>
              <div class="bottomcan">
                  <div>特色小吃</div>
                  <div>
                      <div>
                          <img  src="__STATIC__/index/img/shatan5.jpg" />
                          <div>
                              <div>小吃拼盘</div>
                              <div>舌尖上的美食威风裸蛋糕</div>
                          </div>
                      </div>
                      <div>
                          <img  src="__STATIC__/index/img/shatan6.jpg" />
                          <div>
                              <div>小吃糕点</div>
                              <div>舌尖上的美食威风裸蛋糕</div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>

            <!--大堂吧-->
          <div  v-else-if="state==2"  class="haijing">
              <div class="topcan">
                  <div class="shatan"><img src="__STATIC__/index/img/datangba1.jpg" /><img src="__STATIC__/index/img/datangba2.jpg" /><img src="__STATIC__/index/img/datangba3.jpg" /></div>
                  <div>
                      <div>大堂吧</div>
                      <div>在十八楼的全日餐厅，以粤菜美食闻名，兼营中国地方特色小吃和东南亚美食。自助早餐，海鲜自助餐，全方位满足您的就餐需求。在您品尝美食的时候整个独立海滩的美景尽收眼底。</div>
                      <div>
                          <div>营业时间</div>
                          <div>
                              <div>早餐：上午6:30 - 10:30 </div><div>午餐：上午11:30 - 下午2:30 </div><div>晚餐：下午5:30 - 晚间10:30</div>
                          </div>
                      </div>
                      <div><div>订餐电话</div><div>（855）0318199999</div></div>
                  </div>
                  <div>大堂吧</div>
              </div>
              <div  class="middlecan">
                  <div>特色菜系</div>
                  <div>
                      <div>
                          <img  src="__STATIC__/index/img/datangba4.jpg" />
                          <div>
                              <div>可汗羊排</div>
                              <div>舌尖上的美食威风裸蛋糕</div>
                          </div>
                      </div>
                      <div>
                          <img  src="__STATIC__/index/img/datangba5.jpg" />
                          <div>
                              <div>寿司刺身拼</div>
                              <div>舌尖上的美食威风裸蛋糕</div>
                          </div>
                      </div>
                      <div>
                          <img  src="__STATIC__/index/img/datangba6.jpg" />
                          <div>
                              <div>泰式牛肉沙拉</div>
                              <div>舌尖上的美食威风裸蛋糕</div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>

        </div>
    </div>





</div>


{/block}


{block name="js"}
<script src="__STATIC__/index/js/jquery.3.3.1.min.js"></script>
<script src="__STATIC__/index/js/vue.js"></script>
<script src="__STATIC__/index/js/Page.js"></script>
{/block}

{block name="xia"}
<script>

    new Vue({
        el: "#contentsd",
        data: {
            state:0,

        },
        methods: {
            qie:function (index) {
                 this.state=index;
            }

        },
        created() {

        },
        mounted() {

        }
    })



</script>
{/block}

